// 设置全局布局样式文件
// 全局通用函数
@mixin common-title($center: center){
    font-weight: bold;
    text-align: $center;
    padding: 5px 0px;
}
@mixin appBaseBox {
    display: flex;
    justify-content: flex-start;
}
// 父盒子高度
.set-common-head-fixed-container{
    height:90px;// 预留菜单总高度，后期可能修改
}
// 顶部菜单盒子
.common-head-fixed-container{
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9;
}

// 通用页面布局基础样式
.common-page-warpper{
    margin: 0px 10px;
}

.show-mobile{
    padding: 0 5px;
    background-color: #2c3e50;
    .same-cell{
        color: #fff;
    }
}

@mixin globalFlex($redirect: row, $wrap: wrap, $align:center) {
    display: flex;
    flex-direction: $redirect;
    flex-wrap: $wrap;
    align-items: $align;
}

// 头部菜单做媒体查询，适应所有屏幕大小，自定义宽度和样式变化
// 1、超小屏幕下，小于768px 布局容器的宽度为100%
@media screen and (max-width:767px){
    .show-pc, .home-content-right-box{
        display: none;
    }
    .show-mobile{
        display: block;
        @include appBaseBox();
        // background-color: red;
    }
    .set-common-head-fixed-container{
        height: 41px !important;
    }
    .label-right-box{
        display: none;
    }
    .author-label-website-info{
        display: block;
    }
}
// 2、小屏幕下，大于等于768px 布局容器改为750px
@media screen and (min-width: 750px){
    .show-pc, .home-content-right-box{
        display: none;
    }
    .show-mobile{
        display: block;
        @include appBaseBox();
        // background-color: red;
    }
    .set-common-head-fixed-container{
        height: 41px !important;
    }
    .label-right-box{
        display: none;
    }
    .author-label-website-info{
        display: block;
    }

}
// 3、中等屏幕下， 大于等于992px 布局容器改为970
@media screen and (min-width:992px){
    .show-pc,.home-content-right-box{
        display: block;
        // background-color: orange;
    }
    .set-common-head-fixed-container{
        height: 90px !important;// 预留菜单总高度，后期可能修改
    }
    .show-mobile{
        display: none;
    }
    .label-right-box{
        display: block;
    }
    .author-label-website-info{
        display: none;
    }
}
// 4、大屏幕下，大于等于1200px, 布局容器改为1170px
@media screen and (min-width: 1200px){
    .show-pc, .home-content-right-box{
        display: block;
        // background-color: yellow;
    }
    .show-mobile{
        display: none;
    }
    .set-common-head-fixed-container{
        height: 90px !important;// 预留菜单总高度，后期可能修改
    }
    .label-right-box{
        display: block;
    }
    .author-label-website-info{
        display: none;
    }
}